@import "~ant-design-vue/lib/style/themes/default";

@ext-header-height: 48px;
.base-container {
    height: 100%;
    flex: 1;

    .ant-layout-header {
        background: #fff;
        padding: 0 @padding-md;
        height: @ext-header-height;
        line-height: @ext-header-height;
        border-bottom: 1px solid @border-color-split;
        display: flex;
        align-items: center;
        flex-direction: row;

        .base-container-header-left {
            flex: 1;
        }

        .base-container-header-right {
            width: auto;
            text-align: right;
        }
    }

    .ant-layout-content {
        background: #ffffff;
        padding: @padding-md;
        overflow-y: auto;

        &.bg-transparent {
            background: transparent;
        }

        &.no-pad {
            padding: 0;
        }

        .content-wrapper {
            flex: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
    }

    .ant-layout-footer {
        border-top: 1px solid @border-color-split;
        background: #fff;
        padding: 0 @padding-md;
        height: @ext-header-height;
        line-height: @ext-header-height;
    }
}